<html>
<head>{{template "meta.html"}}
	<title>Эксклюзивный рецепт {{.recipe.Name}} | Что приготовить? Как приготовить?</title>
	<meta name="description" content="{{bytesToString .recipe.Description | recipeMetaDescription}}"/>
</head>
<body>
	{{template "header.html" .}}
	<div class="container">

		<div class="content">

			<div class="page-header">
				<h1>Рецепт {{.recipe.Name}}</h1>
			</div>

			<div class="row">
				<div class="span12">
					<ul class="breadcrumb">
						<li><a href="/">Главная</a> <span class="divider">/</span></li>
						<li><a href="/recipes">Рецепты</a> <span class="divider">/</span></li>
						</li>
						<li class="active">Рецепт {{.recipe.Name}}</li>
					</ul>

					<article class="details">
						<div class="recipeImg">
							<a href="/file?key={{.recipe.Image}}"> 
							<img class="thumbnail" src="/file?key={{.recipe.Thumb}}" alt="{{.recipe.Name}}"
								title="{{.recipe.Name}}" />
							</a>
						</div>
						<h3>
							<a href="recipe?code={{.recipe.Code}}">{{.Name}}</a>
						</h3>
						Ингредиенты:
						<table class="ingredients table">
							{{range .recipe.Ingredients}}
							<tr>
								<td>{{.Name}}</td>
								<td>{{printCount .}}</td>
							</tr>
							{{end}}
						</table>
						<br class="clear" /> <a href="/recipes" class="backToRecipesLink">&larr;
							К списку рецептов</a> <br class="clear" />
						<br class="clear" />
						<div class="recipeDescription">{{bytesToString .recipe.Description | raw}}</div>

						<h4 id="comments">{{if .comments}}Комментарии к рецепту
							'{{.recipe.Name}}'{{else}}Комментариев к рецепту
							'{{.recipe.Name}}' пока нет.{{end}}</h4>
						{{range .comments}}
						<div class="comment well">
							<div class="comment-metadata">
								<span class="comment-author">{{.Author}}</span> <span
									class="comment-date">{{formatTime .DateCreated}}</span>
							</div>
							<div class="comment-content">{{.Text}}</div>
						</div>
						{{end}}
						{{if .user}}
							<input id="open-comment-form-btn" type="button" class="btn btn-primary"
							onclick='javascript:$("#comment-form").show();$(this).animate({"opacity":"0"},200, function(){$("#comment-form").animate({"opacity":"1"}, 200)});'
							value="Оставить комментарий" />
						<form action="addRecipeComment" method="post" accept-charset="utf-8" enctype="application/x-www-form-urlencoded" class="form-horizontal" id="comment-form">
							<input type="hidden" name="recipeId" value="{{.recipe.Id}}" />
							<fieldset>
								<legend>Комментировать рецепт:</legend>
								<div class="control-group">
									<label class="control-label" for="author">Имя:</label>
									<div class="controls">
										<input type="text" name="author" value="{{.user}}" class="input-xlarge" />
									</div>
								</div>
								<div class="control-group">
									<label class="control-label" for="text">Комментарий:</label>
									<div class="controls">
										<textarea rows="10" cols="20" class="input-xlarge" name="text"></textarea>
									</div>
								</div>
							</fieldset>
							<div class="form-actions">
								<input type="submit" class="btn btn-primary" value="Комментировать" /> 
								<input type="button" class="btn" value="Отменить" onclick="javascript:$('#comment-form').animate({'opacity':'0'}, 400, function(){$('#comment-form').hide();$('#open-comment-form-btn').animate({'opacity':'1'}, 400);});" />
							</div>
						</form>
						{{else}}
						<a href="{{.LoginUrl}}">Авторизуйтесь</a> чтобы комментировать. 
						{{end}}
					</article>
				</div>
			</div>
			{{template "footer.html"}}
		</div>
	</div>
</body>
</html>